<ion-view>
  <ion-header-bar class="bar bar-header header">
    <button on-touch="goback()" class="button return-btn">返回</button>
    <h1 class="title" ng-click="backToTop()">我的活动</h1>
  </ion-header-bar>
  <div class="bar bar-subheader gray-bg">
    <div class="tabs tads-nav">
      <a class="tab-item" ng-class="{'active':showWhich[0]}" on-touch="showMeRelease()">我发起</a>
      <a class="tab-item" ng-class="{'active':showWhich[1]}" on-touch="showInvitedMe()">邀请我</a>
      <a class="tab-item" ng-class="{'active':showWhich[2]}" on-touch="showSignIn()">已报名</a>
    </div>
  </div>
  <!-- on-touch="touchIndex()" on-swipe-left="swipeLeft()" on-swipe-right="swipeRight()"-->
  <ion-content class="gray-bg has-subheader"  has-bouncing="true">
    <tab-slide-box tab="0">
      <ion-slide-box show-pager="false" on-slide-changed="slideHasChanged($index)" delegate-handle="delegate-handle">
        <ion-slide>
          <ion-content class="gray-bg">
            <ion-refresher pulling-text="下拉刷新..." on-refresh="doRefreshIRelease()"></ion-refresher>
            <!--显示我发起的活动-->
            <div class="list">
              <ul>
                <li class="card card-item-li" ng-repeat="meeting in iReleaseList">
                  <a ng-href="#/date-details/{{meeting.mm_id}}">
                    <div class="item item-image">
                      <div class="card-item-img">
                        <div class="card-item-bg">
                          <div class="card-item-con">
                            <h3 ng-bind="meeting.mm_title">周末一起以酒会友</h3>

                            <p class="card-item-blue"><i class="card-addr-icon"></i>{{meeting.mm_address}}</p>

                            <p><i class="card-time-icon"></i>{{meeting.mm_time | date:"yyyy-MM-dd HH:mm"}}</p>
                          </div>
                        </div><!--style="width:100%;height:250px"  -->
                        <img ng-src="{{picPath}}middle_{{meeting.mm_img_url}}" style="height:250px;width:100%" alt=""/>
                      </div>
                    </div>
                    <div class="item item-avatar card-item-tit">
                      <div class="card-user-hd">
                        <a>
                          <div class="card-user-hd-pic">
                            <img ng-src="{{picPath}}{{member.member_img_url}}" alt=""/>
                            <i class="card-user-hd-icon"><img ng-src="{{picPath}}{{member.mr_img_url}}" alt=""/></i>
                          </div>
                        </a>
                      </div>
                      <h2 class="card-user-hd-name" ng-bind="member.member_name"></h2>

                      <div class="tabs tabs-icon-only card-item-ctrl">
                        <a class="tab-item" on-touch="showMeetingShare(meeting.mm_id)" ng-show="isShareShow">
                          <i class="icon card-share-icon"></i>
                        </a>
                        <a class="tab-item" ng-click="collectMeeting($index,meeting.mm_id)">
                          <i class="icon card-collect-icon" ng-class="{'active':meeting.mcmeetStatus}"></i>
                        </a>
                        <a class="tab-item" ng-click="likeMeeting($index,meeting.mm_id)">
                          <i class="icon card-praise-icon" ng-class="{'active':meeting.lmeetStatus}"></i>
                        </a>
                        <a class="tab-item" ng-href="#/meetingComment/{{meeting.mm_id}}">
                          <i class="icon card-comment-icon"><em class="ctrl-nav-num" ng-bind="meeting.mm_comment_num"></em></i>
                        </a>
                      </div>
                    </div>
                  </a>
                </li>
              </ul>
            </div>
            <!--显示我发起的活动结束-->
            <ion-infinite-scroll
              on-infinite="loadMoreIRelease()"
              ng-if="iReleaseHasNextPage()" distance="1%"></ion-infinite-scroll>
          </ion-content>
        </ion-slide>
        <ion-slide>
          <ion-content class="gray-bg">
            <ion-refresher pulling-text="下拉刷新..." on-refresh="doRefreshInvitedMe()"></ion-refresher>
            <!--显示邀请我的活动开始-->
            <div class="list">
              <ul>
                <li class="card card-item-li" ng-repeat="meeting in invitedMeList">
                  <a ng-href="#/date-details/{{meeting.mm_id}}">
                    <div class="item item-image">
                      <div class="card-item-img">
                        <div class="card-item-bg">
                          <div class="card-item-con">
                            <h3 ng-bind="meeting.mm_title">周末一起以酒会友</h3>

                            <p class="card-item-blue"><i class="card-addr-icon"></i>{{meeting.mm_address}}</p>

                            <p><i class="card-time-icon"></i>{{meeting.mm_time | date:"yyyy-MM-dd HH:mm"}}</p>
                          </div>
                        </div>
                        <img ng-src="{{picPath}}middle_{{meeting.mm_img_url}}" style="height:250px;width:100%" alt=""/>
                      </div>
                    </div>
                    <div class="item item-avatar card-item-tit">
                      <div class="card-user-hd">
                        <a>
                          <div class="card-user-hd-pic">
                            <img ng-src="{{picPath}}{{meeting.member_img_url}}" alt=""/>
                            <i class="card-user-hd-icon"><img ng-src="{{picPath}}{{meeting.mr_img_url}}" alt=""/></i>
                          </div>
                        </a>
                      </div>
                      <h2 class="card-user-hd-name" ng-bind="meeting.member_name"></h2>

                      <div class="tabs tabs-icon-only card-item-ctrl">
                        <a class="tab-item" on-touch="showMeetingShare(meeting.mm_id)" ng-show="isShareShow">
                          <i class="icon card-share-icon"></i>
                        </a>
                        <a class="tab-item" ng-click="collectMeeting($index,meeting.mm_id)">
                          <i class="icon card-collect-icon" ng-class="{'active':meeting.mcmeetStatus}"></i>
                        </a>
                        <a class="tab-item" ng-click="likeMeeting($index,meeting.mm_id)">
                          <i class="icon card-praise-icon" ng-class="{'active':meeting.lmeetStatus}"></i>
                        </a>
                        <a class="tab-item" ng-href="#/meetingComment/{{meeting.mm_id}}">
                          <i class="icon card-comment-icon"><em class="ctrl-nav-num" ng-bind="meeting.mm_comment_num"></em></i>
                        </a>
                      </div>
                    </div>
                  </a>
                </li>
              </ul>
            </div>
            <!--显示邀请我的活动结束-->
            <ion-infinite-scroll
              on-infinite="loadMoreInvitedMe()"
              ng-if="invitedMeHasNextPage()" distance="1%"></ion-infinite-scroll>
          </ion-content>
        </ion-slide>
        <ion-slide>
          <ion-content class="gray-bg">
            <ion-refresher pulling-text="下拉刷新..." on-refresh="doRefreshIApply()"></ion-refresher>
            <!--显示已报名的活动开始-->
            <div class="list">
              <ul>
                <li class="card card-item-li" ng-repeat="meeting in iApplyList">
                  <a ng-href="#/date-details/{{meeting.mm_id}}">
                    <div class="item item-image">
                      <div class="card-item-img">
                        <div class="card-item-bg">
                          <div class="card-item-con">
                            <h3 ng-bind="meeting.mm_title">周末一起以酒会友</h3>

                            <p class="card-item-blue"><i class="card-addr-icon"></i>{{meeting.mm_address}}</p>

                            <p><i class="card-time-icon"></i>{{meeting.mm_time | date:"yyyy-MM-dd HH:mm"}}</p>
                          </div>
                        </div>
                        <img ng-src="{{picPath}}middle_{{meeting.mm_img_url}}" style="height:250px;width:100%" alt=""/>
                      </div>
                    </div>
                    <div class="item item-avatar card-item-tit">
                      <div class="card-user-hd">
                        <a>
                          <div class="card-user-hd-pic">
                            <img ng-src="{{picPath}}{{meeting.member_img_url}}" alt=""/>
                            <i class="card-user-hd-icon"><img ng-src="{{picPath}}{{meeting.mr_img_url}}" alt=""/></i>
                          </div>
                        </a>
                      </div>
                      <h2 class="card-user-hd-name" ng-bind="meeting.member_name"></h2>

                      <div class="tabs tabs-icon-only card-item-ctrl">
                        <a class="tab-item" on-touch="showMeetingShare(meeting.mm_id)" ng-show="isShareShow">
                          <i class="icon card-share-icon"></i>
                        </a>
                        <a class="tab-item" ng-click="collectMeeting($index,meeting.mm_id)">
                          <i class="icon card-collect-icon" ng-class="{'active':meeting.mcmeetStatus}"></i>
                        </a>
                        <a class="tab-item" ng-click="likeMeeting($index,meeting.mm_id)">
                          <i class="icon card-praise-icon" ng-class="{'active':meeting.lmeetStatus}"></i>
                        </a>
                        <a class="tab-item" ng-href="#/meetingComment/{{meeting.mm_id}}">
                          <i class="icon card-comment-icon"><em class="ctrl-nav-num" ng-bind="meeting.mm_comment_num"></em></i>
                        </a>
                      </div>
                    </div>
                  </a>
                </li>
              </ul>
            </div>
            <!--显示已报名的活动结束-->
            <ion-infinite-scroll
              on-infinite="loadMoreIApply()"
              ng-if="iApplyHasNextPage()"
              distance="1%"></ion-infinite-scroll>
          </ion-content>
        </ion-slide>
      </ion-slide-box>
      </tab-slide-box>
</ion-content>
</ion-view>

